<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/dateRange.js"></script>
		<link rel="stylesheet" type "text/css" href="css/dateRange.css" />
	</head>

	<body>
		<div class="ta_date" id="div_date_demo3">
			<span id="date_demo3" class="date_title"></span>
			<a class="opt_sel" id="input_trigger_demo3" href="#"> <i class="i_orderd"></i> </a>
		</div>
		<div id="datePicker"></div>
		<br/>
		<script type="text/javascript">
			var dateRange = new pickerDateRange('date_demo3', {
				isTodayValid: true,
				startDate: '2017-07-03',
				endDate: '2017-07-03',
				defaultText: ' 至 ',
				inputTrigger: 'input_trigger_demo3',
				theme: 'ta',
				startToday:false, 
				stopToday: false, 
				isTodayValid: true,
				success: function(obj) {
					//自定义的回调函数 callback();
				}
			});
		</script>
	</body>

</html>